<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Insert title here</title>

<!-- Css -->
<link rel="stylesheet" type="text/css" href="Css/css.css" />
</head>
<body>

	<div id="html">

		<form method="post" action="">
			<h2>Transferência</h2>
			<table>
				<tr>
					<th>Nome do Aluno</th>
					<td><input type="text" name="aluno" id="aluno" size="30"
						maxlength="150" />
					</td>
				</tr>
				<tr>
					<th>Tipo de Transferência</th>
					<td><select><option>Selecione</option>
					</select></td>
			</table>

			<div id="transferenciaturma">

				<h2>Transferência de Turma</h2>
				<table class="esquerda">
					<caption>Antes</caption>
					<tr>
						<th>Série/Ano</th>
						<td><input type="text" name="serie" id="serie" size="10"
							maxlength="10" />
						</td>
					</tr>
					<tr>
						<th>Turma</th>
						<td><input type="text" name="serie" id="serie" size="10"
							maxlength="10" />
						</td>
					</tr>
				</table>
				<table>
					<caption>Depois</caption>
					<tr>
						<th>Série/Ano</th>
						<td><input type="text" name="serie" id="serie" size="10"
							maxlength="10" />
						</td>
					</tr>
					<tr>
						<th>Turma</th>
						<td><select><option>Selecione</option>
						</select>
						</td>
					</tr>
				</table>

				<input type="submit" name="transferir" id="transferir"	value="Transferir" /> 
				<input type="reset" name="cancelar"	id="cancelar" value="Cancelar" />

			</div>

			<div id="transferenciaturno">

				<h2>Transferência de Turno</h2>
				<table class="esquerda">
					<caption>Antes</caption>
					<tr>
						<th>Turno</th>
						<td><input type="text" name="serie" id="serie" size="15"
							maxlength="15" />
						</td>
					</tr>
				</table>
				<table>
					<caption>Depois</caption>
					<tr>
						<th>Turno</th>
						<td><select><option>Selecione</option>
						</select>
						</td>
					</tr>
				</table>

				<input type="submit" name="transferir" id="transferir" value="Transferir" /> 
				<input type="reset" name="cancelar"	id="cancelar" value="Cancelar" />

			</div>
		</form>
	</div>
</body>
</html>